<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- basic -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- mobile metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1" />
    <!-- site metas -->
    <title>飓速网</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!-- site icons -->
    <link rel="icon" href="images/fevicon/fevicon.png" type="image/gif" />
    <!-- Owl Stylesheets -->
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />
    <!-- nice select css -->
    <link rel="stylesheet" type="text/css" href="css/nice-select.min.css" />
    <!-- bootstrap css -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <!-- Site css -->
    <link rel="stylesheet" href="css/style.css" />
    <!-- responsive css -->
    <link rel="stylesheet" href="css/responsive.css" />
    <!-- custom css -->
    <link rel="stylesheet" href="css/custom.css" />
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body id="default_theme" class="about_page sub_page">
    <!-- loader -->
    <div class="bg_load"><img class="loader_animation" src="images/loader.svg" alt="#" /></div>
    <!-- end loader -->
    <!-- hero area starts -->
    <div class="hero_area">
      <!-- header section starts -->
      <header class="header_section">
        <!-- navbar starts -->
        <nav class="navbar navbar-expand-lg  header_navbar">
          <a class="navbar-brand" href="#">
            <img src="images/logo.png" alt="" />
          </a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class=""> </span>
          </button>

          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto align-items-center">
              <li class="nav-item active">
                <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item active">
                <a class="nav-link" href="list.html">轮毂信息 <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item active">
                <a class="nav-link" href="push.html">我要发布 <span class="sr-only">(current)</span></a>
              </li>              
              <li class="nav-item active">
                <a class="nav-link" href="about.html">联系我们 <span class="sr-only">(current)</span></a>
              </li> 
            </ul>
          </div>
        </nav>
        <!-- navbar ends -->
      </header>
      <!-- header section ends -->
    </div>
    <!-- hero area ends -->

    <!-- page info starts -->

    <div class="page_info layout_padding pl_mobile_20">
      <div class="section_bg section_bg_right"></div>
      <div class="container">
        <div class="page_box">
          <h2 class="page_name">
            联系我们
          </h2>
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="index.html">首页</a></li>

              <li class="breadcrumb-item active" aria-current="page">关于我们</li>
            </ol>
          </nav>
        </div>
      </div>
    </div>

    <!-- page info ends -->

    <!-- about section starts -->

    <section class="about_section layout_padding">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <div class="detail-box mb_md_75">
              <h2>
                About Our Real Estate <br />
                business
              </h2>
              <p>
                There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable
              </p>
              <p>
                Aliquam dictum elit vitae mauris facilisis, at dictum urna dignissim. Donec vel lectus vel felis lacinia luctus vitae iaculis arcu. Mauris mattis, massa eu porta ultricies.
              </p>
              <p>
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's printing and
              </p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="img-box">
              <img src="images/about-img.png" alt="About Image" />
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="contact_section layout_padding layout_margin pl_mobile_20">
      <div class="section_bg section_bg_left"></div>
      <div class="container-fluid ">
        <div class="row">
          <div class="col-md-5  offset-md-1">
            <div class="form_container mb_md_75">
              <form action="#">
                <div>
                  <input type="text" id="contactName" name="your_name" placeholder="姓名" />
                </div>
                <div>
                  <input type="text" id="contactNumber" name="phone_number" placeholder="电话" />
                </div>
                <div>
                  <input type="email" id="contactEmail" name="email_address" placeholder="邮箱" />
                </div>
                <div>
                  <input type="text" id="contactMessage" name="your_message" placeholder="请填写您的留言" />
                </div>
                <div class="btn-box">
                  <button>
                    <span>
                      	提交
                    </span>
                  </button>
                </div>
              </form>
            </div>
          </div>
          <div class="col-md-6  px-0">
            <div class="map_container">
              <div class="map">
                <div id="googleMap"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- about section ends -->

    <section class="info_section layout_padding pr_mobile_20">
      <div class="section_bg section_bg_left"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-10">
            <div class="info_top">
              <div class="address_box">

                <a href="#">
                  <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 323.25 475.54">
                    <defs>
                      <style>
                        .cls-1 {
                          isolation: isolate;
                        }
                      </style>
                    </defs>
                    <title>location</title>
                    <g class="cls-1">
                      <path class="" d="M397.29,537.57q-17.4-22.82-29.89-41.29-54.88-77.16-89.12-148.35Q267.4,325.1,261.44,308.8a265.19,265.19,0,0,1-12-40.75Q233.72,188.18,287,128.4q50.53-57.6,129.87-54.34a147.84,147.84,0,0,1,66.84,18.2,164.16,164.16,0,0,1,53.25,45.92,155.85,155.85,0,0,1,28.8,63.57,166.86,166.86,0,0,1-4.89,85.32q-23.37,73.35-77.7,156.5Q467.37,468,433.7,515.29l-22.83,32.07a12.16,12.16,0,0,0-1.63,1.9c-.36.54-1.72-.27-4.07-2.45A62.64,62.64,0,0,1,397.29,537.57Zm89.66-300a77,77,0,0,0-9-38.31,81.36,81.36,0,0,0-26.62-29.89,72,72,0,0,0-37.23-12.77A84.73,84.73,0,0,0,372,165.07a75,75,0,0,0-30.7,27.45q-11.42,17.92-12.5,41.29a69.89,69.89,0,0,0,9,38.31A84.82,84.82,0,0,0,365.23,302a69.32,69.32,0,0,0,37.49,12.23,81.72,81.72,0,0,0,41.3-8.43,75.29,75.29,0,0,0,30.43-27.44Q485.87,260.45,487,237.62Z" transform="translate(-245.88 -73.88)" />
                    </g>
                  </svg>
                  <span>河南省郑州市 </span>
                </a>
                <a href="tel:0371-68086888">
                  <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 344.5 492.15">
                    <defs>
                      <style>
                        .cls-1 {
                          isolation: isolate;
                        }
                      </style>
                    </defs>
                    <title>call</title>
                    <g class="cls-1">
                      <path class="" d="M429.36,568q-13.31.48-31.54-9.37a202.64,202.64,0,0,1-30.07-21.19q-30.57-26.13-58.16-65.06-20.22-28.57-45.35-74.43-28.1-49.77-45.84-89.21-22.67-49.27-34.5-94.14-5.91-24.15-7.39-41.9A132.88,132.88,0,0,1,180,130.77q9.36-35,41.4-40.91,12.31-2,37.46-7.4,18.72-4.42,28.1-5.91,10.83-2,17.49,1.48T315,91.34q24.15,58.16,41.4,103,3.94,10.35,1.73,17.5t-11.09,13.06L336.2,232.3q-14.77,9.38-21.68,14.79a19.17,19.17,0,0,0-4.93,6.65q-2,4.2-1.48,7.15,16.75,67,63.09,120.76,6.9,8.39,16.27,3.45,7.88-3.94,24.64-10.35l10.35-4.44q10.83-3.93,18.24-2t13.8,11.34q40.41,60.13,60.13,90.2,6.9,10.85,5.91,18.72t-10.35,17.26l-4.92,4.93Q493.92,521.62,483.58,530,466.81,542.82,429.36,568Z" transform="translate(-176.17 -75.84)" />
                    </g>
                  </svg>
                  <span>
                    0371-68086888
                  </span>
                </a>
                <a href="mailto:info@yourdomain.com">
                  <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 414.98 281.92">
                    <defs>
                      <style>
                        .cls-1 {
                          isolation: isolate;
                        }
                      </style>
                    </defs>
                    <title>mail</title>
                    <g class="cls-1">
                      <path
                        class=""
                        d="M198.29,240.35V224.69q0-19,19-19h375.9q19.94,0,19.46,19.46l.47,6.16q.46,9.51-1.19,13.53t-9.25,10.21l-3.8,3.32-186.52,187c-2.85,2.53-5.15,3.88-6.88,4s-4-1.19-6.89-4Q354.91,401.25,267.1,313.92l-66-66Q197.82,243.68,198.29,240.35Zm0,35.12Q252.4,329.58,279,357.11l-80.68,80.68ZM608.83,463.9q3.79,3.8,4,6.64c.16,1.9-.4,4.44-1.66,7.6q-3.8,8.07-13.76,9.49H216.8q-15.2,0-18-12.82-1.42-5.69,1.9-9l93-93a16.09,16.09,0,0,1,2.38-1.9,28.39,28.39,0,0,0,3.32,4.27l85.43,85.43q9.49,9.51,20.65,9.5t21.12-10L512,374.67a28,28,0,0,0,2.84-3.8l2.85,2.38,1.43,1.42Q578.92,434.48,608.83,463.9ZM350.16,311.07a50.19,50.19,0,0,0,6.17,22.31,39.9,39.9,0,0,0,12.58,14.47,51.65,51.65,0,0,0,17.8,7.83,55,55,0,0,0,20.41.95,56.3,56.3,0,0,0,8.54-.95c3.8-.63,6.56-1.18,8.3-1.66a71.08,71.08,0,0,0,7.36-2.61,24.12,24.12,0,0,0,5.7-2.84c-.32-.95-.8-2.38-1.43-4.28l-3.79-8.06a37.82,37.82,0,0,1-10.92,4.27,109.2,109.2,0,0,1-13.29,1.9,45.05,45.05,0,0,1-14.71-.48,31.32,31.32,0,0,1-12.34-5.69q-4.76-2.85-9-10.92a39.25,39.25,0,0,1-4.75-16.14,57.17,57.17,0,0,1,11.4-40.34,49.53,49.53,0,0,1,16.13-14.24A78.15,78.15,0,0,1,418,248q17.57-1.42,28,5.69,10.43,8.08,11.86,23.26a34.58,34.58,0,0,1-.24,12.1,61.18,61.18,0,0,1-3.08,10.68,20.85,20.85,0,0,1-5.7,8.07,18.36,18.36,0,0,1-9,4.27c-2.54,0-4.12-.16-4.75-.48l4.27-47.46A42.74,42.74,0,0,0,428,262.19a32.62,32.62,0,0,0-8.07,0h-4.27A53.21,53.21,0,0,0,401,266.93a53,53,0,0,0-11.39,10,46.32,46.32,0,0,0-7.36,14.24,42.6,42.6,0,0,0-1.66,17.56,40.86,40.86,0,0,0,2.85,10,27.09,27.09,0,0,0,5.22,6.65,24.63,24.63,0,0,0,7.12,3.56,17.15,17.15,0,0,0,8.54.24,53.32,53.32,0,0,0,11.39-2.38,49.93,49.93,0,0,0,8.07-4.74q5.7,5.22,15.42,4a35,35,0,0,0,16.61-6.17,36.93,36.93,0,0,0,10.68-11.63,52,52,0,0,0,6.65-15.66,82.14,82.14,0,0,0,1-17.09q-1.43-12.33-6.17-20.4a46.83,46.83,0,0,0-12.58-13.77,41.72,41.72,0,0,0-17.09-6.41,94.28,94.28,0,0,0-19.69-1.18q-19,1.9-33.23,10a73.72,73.72,0,0,0-21.83,18.51,80,80,0,0,0-11.39,24.2Q348.73,300.63,350.16,311.07Zm71.19-33.7L418.51,312c-1.9,1.27-3.33,1.9-4.27,1.9l-4.75.47a9,9,0,0,1-6.88-1.9q-3.09-2.36-4-8.54a33.45,33.45,0,0,1,.48-9.49,25.1,25.1,0,0,1,2.61-7.59,16.11,16.11,0,0,1,5.93-6.65,18.77,18.77,0,0,1,7.59-2.85Zm110.59,78.79,80.69-80.69V437.32Z"
                        transform="translate(-198.23 -205.71)"
                      />
                    </g>
                  </svg>
                  <span>
                    jusuvideo@163.com
                  </span>
                </a>
              </div>
              <div class="logo_box">
                <a href="#">
                  <img src="images/logo-white.png" alt="" />
                </a>
              </div>
            </div>

          </div>
        </div>
      </div>
    </section>
    <!-- info section ends -->

    <!-- footer section -->
    <footer class="footer_section ">
      <p>Copyright (C) djusu.com, All Rights Reserved. 河南博望科技有限公司 版权所有豫ICP备16020738号-1</p>
    </footer>
    <!-- end  footer section -->

    <!-- js section -->
    <!-- jQuery -->
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <!-- bootstrap js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- owl slider -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- nice select -->
    <script src="js/jquery.nice-select.min.js"></script>
    <!-- custom js -->
    <script src="js/custom.js"></script>
  </body>
</html>
